
<!DOCTYPE html>
<!--[if IE]><![endif]-->
<!--[if IE 8 ]><html dir="ltr" lang="zh_cn" class="ie8"><![endif]-->
<!--[if IE 9 ]><html dir="ltr" lang="zh_cn" class="ie9"><![endif]-->
<!--[if (gt IE 9)|!(IE)]><!-->
<html dir="ltr" lang="zh_cn">
<!--<![endif]-->
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>春季上装</title>
<!-- <base href="../../mobile/index.html" /> -->

<!-- Facebook share -->
<meta property="og:site_name" content="PHP 开源电商系统 - 成都光大网络科技" />
<meta property="og:url" content="../../mobile/index.htmlindex.php?route=product/category&amp;path=20" />
<meta property="og:type" content="website" />
<meta property="og:title" content="春季上装" />
<meta property="og:description" content="" />
<meta property="og:image" content="https://mallcdn.gdemo.top/catalog/demo/product/15.jpg?imageView2/1/w/600/h/315/" />
<meta property="og:image:width" content="600" />
<meta property="og:image:height" content="315" />

<link href="../../javascript/bootstrap/css/bootstrap.min.css" rel="stylesheet">
<link href="../../javascript/jquery/jquery-ui/jquery-ui.min.css" type="text/css" rel="stylesheet" media="screen" />
<link href="../../javascript/jquery/swiper/css/swiper.min.css" type="text/css" rel="stylesheet" media="screen" />
<script src="../../javascript/app.js?v=c276af9139" type="text/javascript"></script>
<script src="../../javascript/jquery/jquery-ui/jquery-ui.min.js" type="text/javascript"></script>
<script src="../../javascript/jquery/jquery.ui.touch-punch.min.js" type="text/javascript"></script>
<script src="../../javascript/jquery/swiper/js/swiper.min.js" type="text/javascript"></script>
<link href="../../mobile/index.htmlindex.php?route=product/category&amp;path=20" rel="canonical" />
<link href="../../image/favicon.png" rel="icon" />
<link href="../../theme/mobile/stylesheet/stylesheet.css?v=7000b9778f" rel="stylesheet">
<link rel="stylesheet" type="text/css" href="../../src/DebugBar/Resources/vendor/font-awesome/css/font-awesome.min.css">
<link rel="stylesheet" type="text/css" href="../../src/DebugBar/Resources/vendor/highlightjs/styles/github.css">
<link rel="stylesheet" type="text/css" href="../../src/DebugBar/Resources/debugbar.css">
<link rel="stylesheet" type="text/css" href="../../src/DebugBar/Resources/widgets.css">
<link rel="stylesheet" type="text/css" href="../../src/DebugBar/Resources/openhandler.css">
<link rel="stylesheet" type="text/css" href="../../src/DebugBar/Resources/widgets/sqlqueries/widget.css">
<script type="text/javascript" src="../../src/DebugBar/Resources/vendor/jquery/dist/jquery.min.js"></script>
<script type="text/javascript" src="../../src/DebugBar/Resources/vendor/highlightjs/highlight.pack.js"></script>
<script type="text/javascript" src="../../src/DebugBar/Resources/debugbar.js"></script>
<script type="text/javascript" src="../../src/DebugBar/Resources/widgets.js"></script>
<script type="text/javascript" src="../../src/DebugBar/Resources/openhandler.js"></script>
<script type="text/javascript" src="../../src/DebugBar/Resources/widgets/sqlqueries/widget.js"></script>
<script type="text/javascript">jQuery.noConflict(true);</script>

</head>
<body class="product-category" ontouchstart="" onmouseover="">

  <div class="assist-side">
        <a class="btn-meiqia"><i class="iconfont">&#xe607;</i></a>
    <script type='text/javascript'>
      (function(m, ei, q, i, a, j, s) {
        m[i] = m[i] || function() {
          (m[i].a = m[i].a || []).push(arguments)
        };
        j = ei.createElement(q),
          s = ei.getElementsByTagName(q)[0];
        j.async = true;
        j.charset = 'UTF-8';
        j.src = 'https://static.meiqia.com/dist/meiqia.js?_=t';
        s.parentNode.insertBefore(j, s);
      })(window, document, 'script', '_MEIQIA');
      _MEIQIA('entId', '116919');
      _MEIQIA('language', 'zh');
      _MEIQIA('manualInit'); // 在这里开启手动模式
      _MEIQIA('withoutBtn'); // 不显示默认按钮
      _MEIQIA('init');

      $(document).on('click', '.btn-meiqia', function(event) {
        _MEIQIA('showPanel');
      });
    </script>
            <a href="../../mobile/index.html"><i class="iconfont">&#xe629;</i></a>
        <a href="#page-top" class="go-top"><i class="iconfont">&#xe6fe;</i></a>
  </div>

<div class="container">
  <ul class="breadcrumb">
    <li><a href="../../mobile/index.html"><i class="fa fa-home"></i></a></li>
    <li><a href="../../mobile/index.htmlindex.php?route=product/category&amp;path=20">春季上装</a></li>
  </ul>

  <div class="row">
    <div id="content" class="col-xs-12"><span class="btn-multi-filter btn btn-default side-open">商品筛选</span>

<div class="multi-filter-layer side-menu side-right right">
  <div class="multi-filter-wrapper side-inner">
        <div class="group-title">价格</div>
    <div class="group-content">
      <div class="filter-price-section">
        <div class="range-input-group">
          <input type="number" name="price_range_min" value="99" class="form-control">
          <input type="number" name="price_range_max" value="3300" class="form-control">
        </div>
        <div class="price-slider" data-min="99" data-max="3300" data-start="" data-end="3300"></div>
      </div>
    </div>

    <div class="group-title">商品状态</div>
    <div class="group-content">
      <div class="filter-stock-section">
        <ul class="list-unstyled">
          <li>
            <div class="checkbox">
              <label >
                <input type="checkbox" value="1" >
                只看有货
              </label>
            </div>
          </li>
        </ul>
      </div>
    </div>

        <div class="group-title">品牌</div>
    <div class="group-content">
      <div class="filter-brand-section">
        <ul class="list-unstyled">
                    <li>
            <div class="checkbox">
              <label >
                <input type="checkbox" value="5" >
                Apple<span class="total">(2)</span>
              </label>
            </div>
          </li>
                    <li>
            <div class="checkbox">
              <label >
                <input type="checkbox" value="9" >
                Dell<span class="total">(1)</span>
              </label>
            </div>
          </li>
                  </ul>
      </div>
    </div>

                          <div class="group-title">规格</div>
      <div class="group-content">
        <div class="filter-attribute-section">
          <ul class="list-unstyled">
                        <li>
              <div class="checkbox">
                <label>
                  <input type="checkbox" data-id="8" value="32+64GB" >
                  32+64GB<span class="total">(1)</span>
                </label>
              </div>
            </li>
                        <li>
              <div class="checkbox">
                <label>
                  <input type="checkbox" data-id="8" value="DDR3" >
                  DDR3<span class="total">(1)</span>
                </label>
              </div>
            </li>
                      </ul>
        </div>
      </div>

                    <div class="group-title">型号</div>
      <div class="group-content">
        <div class="filter-option-section">
          <ul class="list-unstyled">
                        <li>
              <div class="checkbox">
                <label >
                  <input type="checkbox" value="31" >
                  中号<span class="total">(1)</span>
                </label>
              </div>
            </li>
                        <li>
              <div class="checkbox">
                <label >
                  <input type="checkbox" value="32" >
                  小号<span class="total">(1)</span>
                </label>
              </div>
            </li>
                        <li>
              <div class="checkbox">
                <label >
                  <input type="checkbox" value="43" >
                  大号<span class="total">(1)</span>
                </label>
              </div>
            </li>
                      </ul>
        </div>
      </div>
                      <div class="group-title">容量</div>
      <div class="group-content">
        <div class="filter-option-section">
          <ul class="list-unstyled">
                        <li>
              <div class="checkbox">
                <label >
                  <input type="checkbox" value="40" >
                  128G<span class="total">(1)</span>
                </label>
              </div>
            </li>
                        <li>
              <div class="checkbox">
                <label >
                  <input type="checkbox" value="41" >
                  256G<span class="total">(1)</span>
                </label>
              </div>
            </li>
                      </ul>
        </div>
      </div>
                </div>
</div>

<script type="text/javascript">
  var filter = {"href":"https:\/\/mall.opencart.cn\/index.php?route=product\/category&path=20","selected_in_stock":0,"selected_brands":[],"selected_variants":[],"selected_options":[],"selected_statuses":[],"selected_attributes":{},"selected_keyword":"","selected_price_range":[],"mobile":true}
</script>

<div class="row widget banner-widget">
  <div class="col-xs-12">
                <a href="index.php?route=product/product&amp;path=59&amp;product_id=34"><img src="https://mallcdn.gdemo.top/catalog/demo/banner/9.jpg?imageView2/1/w/0/h/0/" alt="111" class="img-responsive" /></a>
                      <a href="index.php?route=product/product&amp;path=59&amp;product_id=34"><img src="https://mallcdn.gdemo.top/catalog/demo/banner/10.jpg?imageView2/1/w/0/h/0/" alt="21321" class="img-responsive" /></a>
            </div>
</div>


      <div class="nav-bar">
        春季上装
                  <span class="btn btn-default side-open btn-left">更多分类</span>
          <div class="side-menu side-right left">
            <div class="side-inner">
              <h4 class="side-title">春季上装</h4>
              <ul class="nav navbar-nav">
                                <li>
                  <a class="subcategory-wrapper" href="../../mobile/index.htmlindex.php?route=product/category&amp;path=20_104">
                    <span>kindle配件</span>
                  </a>
                </li>
                                <li>
                  <a class="subcategory-wrapper" href="../../mobile/index.htmlindex.php?route=product/category&amp;path=20_101">
                    <span>平板配件</span>
                  </a>
                </li>
                                <li>
                  <a class="subcategory-wrapper" href="../../mobile/index.htmlindex.php?route=product/category&amp;path=20_107">
                    <span>数据线</span>
                  </a>
                </li>
                                <li>
                  <a class="subcategory-wrapper" href="../../mobile/index.htmlindex.php?route=product/category&amp;path=20_102">
                    <span>相机配件</span>
                  </a>
                </li>
                                <li>
                  <a class="subcategory-wrapper" href="../../mobile/index.htmlindex.php?route=product/category&amp;path=20_100">
                    <span>笔记本配件</span>
                  </a>
                </li>
                                <li>
                  <a class="subcategory-wrapper" href="../../mobile/index.htmlindex.php?route=product/category&amp;path=20_26">
                    <span>苹果配件</span>
                  </a>
                </li>
                              </ul>
            </div>
          </div>
              </div>
            <div class="row widget category-sort-widget">
  <div class="col-sm-12">
    <ul>
            <li>
        <a class="active" href="../../mobile/index.htmlindex.php?route=product/category&amp;path=20&sort=p.sort_order&order=ASC">
          默认 <i class="fa fa-level-down"></i>
        </a>
      </li>
            <li>
        <a class="" href="../../mobile/index.htmlindex.php?route=product/category&amp;path=20&sort=pd.name&order=ASC">
          名称 <i class="fa fa-sort"></i>
        </a>
      </li>
            <li>
        <a class="" href="../../mobile/index.htmlindex.php?route=product/category&amp;path=20&sort=p.price&order=ASC">
          价格 <i class="fa fa-sort"></i>
        </a>
      </li>
            <li>
        <a class="" href="../../mobile/index.htmlindex.php?route=product/category&amp;path=20&sort=rating&order=DESC">
          评级 <i class="fa fa-sort"></i>
        </a>
      </li>
            <li>
        <a class="" href="../../mobile/index.htmlindex.php?route=product/category&amp;path=20&sort=sales&order=ASC">
          销量 <i class="fa fa-sort"></i>
        </a>
      </li>
          </ul>
  </div>
</div>

      <div class="row product-list-item-style product-grid-box">
                <div class="col-xs-6 product-item">
          <div class="product-item-wrapper">
  <div class="image">
    <a href="../product/product.html">
      <img data-src="https://mallcdn.gdemo.top/catalog/demo/product/20.jpg?imageView2/1/w/228/h/228/" src="../../image/placeholder-100x100.png" class="lazy img-responsive">
    </a>
        <span class="sales">销量： 1,095</span>

      </div>
  <div class="info">
    <a href="../product/product.html">
              <span class="flash-icon">秒杀</span>
            Apple iPhone 8s Plus 64G 玫瑰金色全网通4G手机
    </a>
        <div class="price">
      <span class="price-new">￥101.99</span> <span class="price-old">￥501.00</span>
  </div>

    <div class="add-cart" onclick="cart.add('29')"><i class="iconfont">&#xe634;</i></div>

  </div>
</div>

        </div>
                <div class="col-xs-6 product-item">
          <div class="product-item-wrapper">
  <div class="image">
    <a href="../../mobile/index.htmlindex.php?route=product/product&amp;path=20&product_id=40">
      <img data-src="https://mallcdn.gdemo.top/catalog/demo/product/4.jpg?imageView2/1/w/228/h/228/" src="../../image/placeholder-100x100.png" class="lazy img-responsive">
    </a>
        <span class="sales">销量： 2,715</span>

      </div>
  <div class="info">
    <a href="../../mobile/index.htmlindex.php?route=product/product&amp;path=20&product_id=40">
              <span class="flash-icon">秒杀</span>
            Apple MacBook 13.3英寸笔记本电脑2017款i5 处理器8GB内存
    </a>
        <div class="price">
      <span class="price-new">￥0.01</span> <span class="price-old">￥899.00</span>
  </div>

    <div class="add-cart" onclick="cart.add('40')"><i class="iconfont">&#xe634;</i></div>

  </div>
</div>

        </div>
                <div class="col-xs-6 product-item">
          <div class="product-item-wrapper">
  <div class="image">
    <a href="../../mobile/index.htmlindex.php?route=product/product&amp;path=20&product_id=30">
      <img data-src="https://mallcdn.gdemo.top/catalog/demo/product/2.jpg?imageView2/1/w/228/h/228/" src="../../image/placeholder-100x100.png" class="lazy img-responsive">
    </a>
        <span class="sales">销量： 5,121</span>

      </div>
  <div class="info">
    <a href="../../mobile/index.htmlindex.php?route=product/product&amp;path=20&product_id=30">
            Bibo X91 全面屏双摄美颜拍照手机 6GB+128GB全网通4G手机
    </a>
        <div class="price">
      <span class="price-new">￥111.00</span> <span class="price-old">￥2,192.00</span>
  </div>

    <div class="add-cart" onclick="cart.add('30')"><i class="iconfont">&#xe634;</i></div>

  </div>
</div>

        </div>
                <div class="col-xs-6 product-item">
          <div class="product-item-wrapper">
  <div class="image">
    <a href="../../mobile/index.htmlindex.php?route=product/product&amp;path=20&product_id=33">
      <img data-src="https://mallcdn.gdemo.top/catalog/demo/product/14.jpg?imageView2/1/w/228/h/228/" src="../../image/placeholder-100x100.png" class="lazy img-responsive">
    </a>
        <span class="sales">销量： 100,035</span>

      </div>
  <div class="info">
    <a href="../../mobile/index.htmlindex.php?route=product/product&amp;path=20&product_id=33">
              <span class="flash-icon">秒杀</span>
            HQ 66 Pro G1 14英寸轻薄笔记本电脑 i5 8G 256G SSD 2G独显
    </a>
        <div class="price">
      <span class="price-new">￥3,302.00</span> <span class="price-old">￥3,302.00</span>
  </div>

    <div class="add-cart" onclick="cart.add('33')"><i class="iconfont">&#xe634;</i></div>

  </div>
</div>

        </div>
                <div class="col-xs-6 product-item">
          <div class="product-item-wrapper">
  <div class="image">
    <a href="../../mobile/index.htmlindex.php?route=product/product&amp;path=20&product_id=35">
      <img data-src="https://mallcdn.gdemo.top/catalog/demo/product/13.jpg?imageView2/1/w/228/h/228/" src="../../image/placeholder-100x100.png" class="lazy img-responsive">
    </a>
        <span class="sales">销量： 2,206</span>

      </div>
  <div class="info">
    <a href="../../mobile/index.htmlindex.php?route=product/product&amp;path=20&product_id=35">
              <span class="flash-icon">秒杀</span>
            Lorem Ipsum坐365 Officia Doloribus
    </a>
        <div class="price">
      <span class="price-new">￥11.00</span> <span class="price-old">￥201.00</span>
  </div>

    <div class="add-cart" onclick="cart.add('35')"><i class="iconfont">&#xe634;</i></div>

  </div>
</div>

        </div>
                <div class="col-xs-6 product-item">
          <div class="product-item-wrapper">
  <div class="image">
    <a href="../../mobile/index.htmlindex.php?route=product/product&amp;path=20&product_id=31">
      <img data-src="https://mallcdn.gdemo.top/catalog/demo/product/9.jpg?imageView2/1/w/228/h/228/" src="../../image/placeholder-100x100.png" class="lazy img-responsive">
    </a>
        <span class="sales">销量： 6,040</span>

      </div>
  <div class="info">
    <a href="../../mobile/index.htmlindex.php?route=product/product&amp;path=20&product_id=31">
            VSUS 15.6英寸游戏笔记本电脑 i5 8G 128GSSD
    </a>
        <div class="price">
      <span class="price-new">￥999.00</span>
  </div>

    <div class="add-cart" onclick="cart.add('31')"><i class="iconfont">&#xe634;</i></div>

  </div>
</div>

        </div>
                <div class="col-xs-6 product-item">
          <div class="product-item-wrapper">
  <div class="image">
    <a href="../../mobile/index.htmlindex.php?route=product/product&amp;path=20&product_id=48">
      <img data-src="https://mallcdn.gdemo.top/catalog/demo/product/5.jpg?imageView2/1/w/228/h/228/" src="../../image/placeholder-100x100.png" class="lazy img-responsive">
    </a>
        <span class="sales">销量： 1,073</span>

      </div>
  <div class="info">
    <a href="../../mobile/index.htmlindex.php?route=product/product&amp;path=20&product_id=48">
            欧普生 OPSON 针式打印机升级版 蓝牙无线针式打印
    </a>
        <div class="price">
      <span class="price-new">￥2.01</span> <span class="price-old">￥101.00</span>
  </div>

    <div class="add-cart" onclick="cart.add('48')"><i class="iconfont">&#xe634;</i></div>

  </div>
</div>

        </div>
                <div class="col-xs-6 product-item">
          <div class="product-item-wrapper">
  <div class="image">
    <a href="../../mobile/index.htmlindex.php?route=product/product&amp;path=20&product_id=36">
      <img data-src="https://mallcdn.gdemo.top/catalog/demo/product/1.jpg?imageView2/1/w/228/h/228/" src="../../image/placeholder-100x100.png" class="lazy img-responsive">
    </a>
        <span class="sales">销量： 3,308</span>

      </div>
  <div class="info">
    <a href="../../mobile/index.htmlindex.php?route=product/product&amp;path=20&product_id=36">
              <span class="flash-icon">秒杀</span>
            Macrosoft Surface Pro 二合一平板电脑 13.3英寸 i5 8G内存
    </a>
        <div class="price">
      <span class="price-new">￥101.00</span> <span class="price-old">￥101.00</span>
  </div>

    <div class="add-cart" onclick="cart.add('36')"><i class="iconfont">&#xe634;</i></div>

  </div>
</div>

        </div>
                <div class="col-xs-6 product-item">
          <div class="product-item-wrapper">
  <div class="image">
    <a href="../../mobile/index.htmlindex.php?route=product/product&amp;path=20&product_id=28">
      <img data-src="https://mallcdn.gdemo.top/catalog/demo/product/17.jpg?imageView2/1/w/228/h/228/" src="../../image/placeholder-100x100.png" class="lazy img-responsive">
    </a>
        <span class="sales">销量： 4,046</span>

      </div>
  <div class="info">
    <a href="../../mobile/index.htmlindex.php?route=product/product&amp;path=20&product_id=28">
              <span class="flash-icon">秒杀</span>
            海威畅享6金色移动电信4G手机双卡双待
    </a>
        <div class="price">
      <span class="price-new">￥31.00</span> <span class="price-old">￥201.00</span>
  </div>

    <div class="add-cart" onclick="cart.add('28')"><i class="iconfont">&#xe634;</i></div>

  </div>
</div>

        </div>
              </div>

                  </div>
    </div>
</div>
  <footer>
        <div class="language-currency-wrapper mb-1 mt-1">
            <a href="#" id="switch-language">
    <img src="../../image/language/zh-cn.png" alt="简体中文" title="简体中文">
    简体中文
  </a>

  <script type="text/javascript">
  $('#switch-language').click(function (e) {
    e.preventDefault();
    layer.open({
      type: 1,
      title: '语言',
      closeBtn: 1,
      anim: 2,
      shadeClose: true,
      scrollbar: false,
      area: ['80%'],
      content: language_modal_content()
    });
  });

  function language_modal_content() {
    var html = '<div class="m-2">';
        html += '<a href="../../mobile/index.htmlindex.php?route=product/category&amp;path=20&language=zh-cn" class="list-group-item"><img src="../../image/language/zh-cn.png"/> 简体中文</a>';
        html += '<a href="../../mobile/index.htmlindex.php?route=product/category&amp;path=20&language=en-gb" class="list-group-item"><img src="../../image/language/en-gb.png"/> English</a>';
        html += '<a href="../../mobile/index.htmlindex.php?route=product/category&amp;path=20&language=zh-hk" class="list-group-item"><img src="../../image/language/zh-hk.png"/> 繁體中文</a>';
        html += '</div>';
    return html;
  }
  </script>

                      <a href="#" id="switch-currency">
      ￥  人民币
    </a>

  <script type="text/javascript">
  $('#switch-currency').click(function (e) {
    e.preventDefault();
    layer.open({
      type: 1,
      title: '货币',
      closeBtn: 1,
      anim: 2,
      shadeClose: true,
      scrollbar: false,
      area: ['80%'],
      content: currency_modal_content()
    });
  });

  function currency_modal_content() {
    var html = '<div class="m-2">';
        html += '<a href="../../mobile/index.htmlindex.php?route=product/category&amp;path=20&currency=USD" class="list-group-item">$ US Dollar</a>';
        html += '<a href="../../mobile/index.htmlindex.php?route=product/category&amp;path=20&currency=CNY" class="list-group-item">￥ 人民币</a>';
        html += '<a href="../../mobile/index.htmlindex.php?route=product/category&amp;path=20&currency=JPY" class="list-group-item">¥ 日元 </a>';
        html += '</div>';
    return html;
  }
  </script>

    </div>
        <div class="container">
      <div class="footer-powered">
        技术支持
      </div>
    </div>
  </footer>
      <nav id="bottom-tab-menu">
      <div class="menu-item">
        <a class="" href="../../mobile/index.html">
          <i class="iconfont">&#xe669;</i>
          <div class="name">首页</div>
        </a>
      </div>
      <div class="menu-item">
        <a class="" href="../../mobile/search.html">
          <i class="iconfont">&#xe602;</i>
          <div class="name">搜索</div>
        </a>
      </div>
      <div class="menu-item">
        <a class="" href="../../mobile/categories.html">
          <i class="iconfont">&#xe61d;</i>
          <div class="name">分类</div>
        </a>
      </div>
      <div class="menu-item cart">
        <a class="" href="../../mobile/cart.html">
          <i class="iconfont"><span class="cart-total" style="display:none;"></span>&#xe660;</i>
          <div class="name">购物车</div>
        </a>
      </div>
      <div class="menu-item">
        <a class="" href="../../mobile/account.html">
          <i class="iconfont">&#xe640;</i>
          <div class="name">会员中心</div>
        </a>
      </div>
    </nav>

</body>
</html>
